
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">
    <title>童星通告</title>
    <link href="../css/bootstrap-theme.css" rel="stylesheet">
    <link href="../css/bootstrap.css" rel="stylesheet">
 
    <link href="../css/common.css" rel="stylesheet">
    <link href="childStar.css" rel="stylesheet">

   
 
  </head>

<body class="childStarInfo  page" >
    
   <nav class="navbar navbar-default" role="navigation">
      <div class="container-fluid">
       <div class="navbar-header">
          <a class="navbar-brand" href="#">
            <img class="logo" src="../images/logo.png" alt="...">
          </a>
          <!-- <button type="button" class="navbar-toggle " data-toggle="collapse"
                  data-target="#example-navbar-collapse">
              <span class="sr-only">切换导航</span>
              <span class="icon-bar top-bar"></span>
              <span class="icon-bar bottom-bar"></span>
              <span class="icon-bar"></span>
          </button> -->

          <img class="menu-switch" src="../images/index-menu.png" alt="..." />
          <!-- <a class="navbar-brand" href="#">菜鸟教程</a> -->
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
            <img class="closeNav" src="../images/mobile-phone-close.png" alt="..." />
            <ul class="nav navbar-nav navbar-right">
              <li><a href="../index.html">首页</a></li>
              <li><a href="../childStar/childNews.html">新闻资讯</a></li>
              <li >
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">童星学院 <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="../college/brand.html">品牌介绍</a></li>
                  <li><a href="../college/team.html">公司团队</a></li>
                  <li><a href="../college/join.html">机构加盟</a></li>
                  <li><a href="../college/cooperation.html">商务合作</a></li>
                  <li><a href="../college/contactUs.html">联系我们</a></li>
                </ul>
              </li>
              <li><a href="./childStar.html">童星通告</a></li>
              <li><a href="../star/star.html">童星库</a></li>
              <li  class="active"><a href="./childStarInfo.html">我的</a></li>
              <li class="search">
                <img class="search_icon" src="../images/search.png" alt="...">
              </li>
              <li class="reg_login">
                <div class="reg_login"  aria-label="...">
                  <!-- <button type="button" class="btn btn-default login">登录</button> -->
                  <a class="login" target="_blank" href="../login.html">登录</a>
                </div>
              </li>
              <li class="reg_login">
                <div class="reg_login"  aria-label="...">
                  <!-- <button type="button" class="btn btn-default regist">注册</button> -->
                  <a class="regist" target="_blank"  href="../register.html">注册</a>
                </div>
              </li>
            </ul>
          </div>
        </div>
     </nav>

  <div class="topImg">
    <img src="../images/tgbg.png">
    <!-- <div class="topFont">教育表演让儿童更好的面对未来</div> -->
  </div>

  <div class="container childStarInfoCont">
    <div class="row">
      <div class="col-md-3 starInfoLeft">
        <div class="personImg">
          <div class="perimage"><img src="../images/tg7.jpg"></div>
          <div class="perinfo">
            <div class="pername">向往阳光</div>
            <div class="perphone">13890909090</div>
            <div class="perns">童星方</div>
          </div>
        </div>
        <ul class="perMenu">
          <li class="mytg yellowBg"><img src="../images/tg1.png" ><span>我的通告</span></li>
          <li class="myactivity"><img src="../images/tg2.png" ><span>我的活动</span></li>
          <li class="mycollect"><img src="../images/tg4.png" ><span>我的收藏</span></li>
          <li class="myfriend"><img src="../images/tg5.png" ><span>推荐给朋友</span></li>
          <li class="mykid"><img src="../images/tg6.png" ><span>我的萌娃</span></li>
        </ul>
      </div>
      <div class="col-md-9">
        <div class="starInfoRight mytgCont"><!-- 我的通告-->
          <div class="InfoRightTop">
            <div class="rightTopTitle"><img src="../images/tg3.png"><span>我的通告</span></div>
          </div>
          <div class="juzuListLeft">
              <div class="lefttop">
                <div class="juzubtn">剧组</div>
                <div class="juzutit">好莱坞大片招募颜值高的小女孩</div>
              </div>
              <div class="leftmid">
                横店影视产业实验区是全国首个集影视创作、拍摄、制作、发行、交易于一体的国家级影视产业实验区。
  得益于中国影视产业的迅猛发展，横店已发展成为中国“规模最宏大、要素最集聚、技术最先进……
              </div>
              <div class="leftbot">
                <div class="leftbotleft">
                  <div class="renicon">12人</div>
                  <div class="cityicon">北京市</div>
                  <div class="timeicon">2018-09-09</div>
                </div>
                <div class="leftbotright">审核中</div>
              </div>
            </div>
            <div class="juzuListLeft">
              <div class="lefttop">
                <div class="juzubtn">剧组</div>
                <div class="juzutit">好莱坞大片招募颜值高的小女孩</div>
              </div>
              <div class="leftmid">
                横店影视产业实验区是全国首个集影视创作、拍摄、制作、发行、交易于一体的国家级影视产业实验区。
  得益于中国影视产业的迅猛发展，横店已发展成为中国“规模最宏大、要素最集聚、技术最先进……
              </div>
              <div class="leftbot">
                <div class="leftbotleft">
                  <div class="renicon">12人</div>
                  <div class="cityicon">北京市</div>
                  <div class="timeicon">2018-09-09</div>
                </div>
                <div class="quxiaobtn">取消</div>
              </div>
            </div>
            <div class="juzuListLeft">
              <div class="lefttop">
                <div class="juzubtn">剧组</div>
                <div class="juzutit">好莱坞大片招募颜值高的小女孩</div>
              </div>
              <div class="leftmid">
                横店影视产业实验区是全国首个集影视创作、拍摄、制作、发行、交易于一体的国家级影视产业实验区。
  得益于中国影视产业的迅猛发展，横店已发展成为中国“规模最宏大、要素最集聚、技术最先进……
              </div>
              <div class="leftbot">
                <div class="leftbotleft">
                  <div class="renicon">12人</div>
                  <div class="cityicon">北京市</div>
                  <div class="timeicon">2018-09-09</div>
                </div>
                <div class="tongguobtn">通过</div>
              </div>
            </div>
        </div><!-- 我的通告-->
        <!-- 我的活动-->
        <div class="starInfoRight myactivityCont" style="display: none">
          <div class="InfoRightTop">
            <div class="rightTopTitle"><img src="../images/tg3.png"><span>我的活动</span></div>
          </div>
          <div class="huodongListcont">
             <div class="hdleftImg">
               <img src="../images/hd1.jpg">
             </div>
             <div class="hdrightDiv">
                <div class="juzutit">亚洲绿色小天使活动</div>
                <div class="leftmids">
                  横店影视产业实验区是全国首个集影视创作、拍摄、制作、发行、交易于一体的国家级影视产业实验区。
    得益于中国影视产业的迅猛发展，横店已发展成为中国“规模最宏大、要素最集聚、技术最先进……
                </div>
                <div class="leftbot">
                  <div class="leftbotlefts">
                    <div class="timeicon">2018-09-09</div>
                    <div class="cityicon">北京市</div>
                  </div>
                  <div class="leftbotright">审核中</div>
                </div>
             </div>
            </div>
            <div class="huodongListcont">
               <div class="hdleftImg">
                 <img src="../images/hd2.jpg">
               </div>
               <div class="hdrightDiv">
                  <div class="juzutit">好莱坞大片招募颜值高的小女孩</div>
                  <div class="leftmids">
                    横店影视产业实验区是全国首个集影视创作、拍摄、制作、发行、交易于一体的国家级影视产业实验区。
      得益于中国影视产业的迅猛发展，横店已发展成为中国“规模最宏大、要素最集聚、技术最先进……
                  </div>
                  <div class="leftbot">
                    <div class="leftbotlefts">
                      <div class="timeicon">2018-09-09</div>
                      <div class="cityicon">北京市</div>
                    </div>
                    <div class="quxiaobtn">取消</div>
                  </div>
               </div>
              </div>
              <div class="huodongListcont">
               <div class="hdleftImg">
                 <img src="../images/hd3.jpg">
               </div>
               <div class="hdrightDiv">
                  <div class="juzutit">好莱坞大片招募颜值高的小女孩</div>
                  <div class="leftmids">
                    横店影视产业实验区是全国首个集影视创作、拍摄、制作、发行、交易于一体的国家级影视产业实验区。
      得益于中国影视产业的迅猛发展，横店已发展成为中国“规模最宏大、要素最集聚、技术最先进……
                  </div>
                  <div class="leftbot">
                    <div class="leftbotlefts">
                      <div class="timeicon">2018-09-09</div>
                      <div class="cityicon">北京市</div>
                    </div>
                    <div class="tongguobtn">通过</div>
                  </div>
               </div>
              </div>
          </div><!-- 我的活动-->
          <!-- 我的收藏-->
          <div class="starInfoRight mycollectCont" style="display: none">
            <div class="InfoRightTop">
              <div class="rightTopTitle"><img src="../images/tg3.png"><span>我的收藏</span></div>
            </div>
            <div class="huodongListcont">
               <div class="hdleftImg">
                 <img src="../images/hd1.jpg">
               </div>
               <div class="hdrightDiv">
                  <div class="juzutit">好莱坞大片招募颜值高的小女孩</div>
                  <div class="leftmids">
                    横店影视产业实验区是全国首个集影视创作、拍摄、制作、发行、交易于一体的国家级影视产业实验区。
      得益于中国影视产业的迅猛发展，横店已发展成为中国“规模最宏大、要素最集聚、技术最先进……
                  </div>
                  <div class="leftbot">
                    <div class="leftbotlefts">
                      <div class="timeicon">2018-09-09</div>
                      <div class="cityicon">北京市</div>
                    </div>
                    <div><img src="../images/tg44.png"></div>
                  </div>
               </div>
              </div>
              <div class="huodongListcont">
               <div class="hdleftImg">
                 <img src="../images/hd2.jpg">
               </div>
               <div class="hdrightDiv">
                  <div class="juzutit">好莱坞大片招募颜值高的小女孩</div>
                  <div class="leftmids">
                    横店影视产业实验区是全国首个集影视创作、拍摄、制作、发行、交易于一体的国家级影视产业实验区。
      得益于中国影视产业的迅猛发展，横店已发展成为中国“规模最宏大、要素最集聚、技术最先进……
                  </div>
                  <div class="leftbot">
                    <div class="leftbotlefts">
                      <div class="timeicon">2018-09-09</div>
                      <div class="cityicon">北京市</div>
                    </div>
                    <div><img src="../images/tg44.png"></div>
                  </div>
               </div>
              </div>
              <div class="huodongListcont">
               <div class="hdleftImg">
                 <img src="../images/hd3.jpg">
               </div>
               <div class="hdrightDiv">
                  <div class="juzutit">好莱坞大片招募颜值高的小女孩</div>
                  <div class="leftmids">
                    横店影视产业实验区是全国首个集影视创作、拍摄、制作、发行、交易于一体的国家级影视产业实验区。
      得益于中国影视产业的迅猛发展，横店已发展成为中国“规模最宏大、要素最集聚、技术最先进……
                  </div>
                  <div class="leftbot">
                    <div class="leftbotlefts">
                      <div class="timeicon">2018-09-09</div>
                      <div class="cityicon">北京市</div>
                    </div>
                    <div><img src="../images/tg44.png"></div>
                  </div>
               </div>
              </div>
          </div><!-- 我的收藏-->
          <!-- 推荐给朋友-->
          <div class="starInfoRight myfriendCont" style="display: none">
            <div class="InfoRightTop">
              <div class="rightTopTitle"><img src="../images/tg3.png"><span>推荐给朋友</span></div>
            </div>
            <div class="friendTop">
              <img src="../images/py1.jpg">
              <span>东阳市横店影视城微电影有限公司</span>
              <img src="../images/py2.jpg">
            </div>
            <div class="friendEr"><img src="../images/py3.jpg"></div>
            <div class="friendShare bshare-custom">
              分享：
              <!-- <span><img src="../images/py11.png"></span>
              <span><img src="../images/py22.png"></span>
              <span><img src="../images/py33.png"></span>
              <span><img src="../images/py44.png"></span> -->

              <a title="分享到QQ好友" class="bshare-qqim"></a>
              <a title="分享到新浪微博" class="bshare-sinaminiblog"></a>
              <a title="分享到微信" class="bshare-weixin"></a>
              <!-- <a title="分享到腾讯微博" class="bshare-qqmb"></a> -->
              <!-- <a title="分享到网易微博" class="bshare-neteasemb"></a>
              <a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>
              <span class="BSHARE_COUNT bshare-share-count">0</span> -->
            </div>

            <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=3&amp;lang=zh"></script>
            <a class="bshareDiv" onclick="javascript:return false;"></a>
            <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
            <!-- <div class="bshare-custom">
              <a title="分享到QQ空间" class="bshare-qzone"></a>
              <a title="分享到新浪微博" class="bshare-sinaminiblog"></a>
              <a title="分享到微信" class="bshare-weixin"></a>
              <a title="分享到腾讯微博" class="bshare-qqmb"></a>
              <a title="分享到网易微博" class="bshare-neteasemb"></a>
              <a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>
              <span class="BSHARE_COUNT bshare-share-count">0</span>
            </div>
            <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/button.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script>
            <a class="bshareDiv" onclick="javascript:return false;"></a>
            <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script> -->
            

            <div class="friendTips">
              横店童星学院是横店影视城少儿影视链的核心品牌，以强大的横店影视城产业资源，专业的影视表演学院加持，致力于打造中国高端少儿艺术教育顶尖品牌。<br>
依托横店影视城独有的、强大的影视资源，构建会员系统平台，打通艺术培训机构、影视剧组、有才艺的儿童之间的通道，缔造多元化少儿产业链，从而推动国内少儿产业的良性发展。
            </div>
          </div><!-- 推荐给朋友-->
          <!-- 我的萌娃-->
          <div class="starInfoRight mykidCont" style="display: none">
            <div class="InfoRightTop">
              <div class="rightTopTitle"><img src="../images/tg3.png"><span>我的萌娃</span></div>
            </div>
            <div class="row kidlist">
              <div class="col-md-4 marginbottom">
                <div class="kidcont">
                  <div class="kidtopimg"><img src="../images/mw1.png"></div>
                  <div class="kidbotCont">
                    <div class="kidname">林诗童
                      <div>“昂扬杯”少儿模特大赛50强</div>
                    </div>
                    <div class="kidbtn"><img src="../images/mw2.png"></div>
                  </div>
                </div>
              </div>
              <div class="col-md-4 marginbottom">
                <div class="kidcont">
                  <div class="kidtopimg" data-toggle="modal" data-target="#myModal">
                    <img src="../images/addkid.png">
                  </div>
                </div>
              </div>
            </div>
          </div><!-- 我的萌娃-->
      </div>
    </div>

    </div>

<!-- fixedcont -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
  <div class="modal-dialog modal-lg">
  	<div class="closeBtn">X</div>
    <div class="modal-content paddingstyle">
    <div class="fixedcontTop">我的萌娃</div>
    <div class="mykidinfoList">
      <div class="kidlistleft">姓名：</div>
      <div class="kidlistRight">
        <input class="normalinput" type="text" name="kidname" placeholder="请输入萌娃全名">
      </div>
    </div>
    <div class="mykidinfoList">
      <div class="kidlistleft">性别：</div>
      <div class="kidlistRight">
        <select>
          <option>--性别--</option>
          <option>男</option>
          <option>女</option>
        </select>
      </div>
    </div>
    <div class="mykidinfoList">
      <div class="kidlistleft">年龄：</div>
      <div class="kidlistRight">
        <input class="shortinput" type="text" name="kidname" placeholder="请输入萌娃年龄">
        <text>岁</text>
      </div>
    </div>
     <div class="mykidinfoList">
      <div class="kidlistleft">身高：</div>
      <div class="kidlistRight">
        <input class="shortinput" type="text" name="kidname" placeholder="请输入萌娃身高">
        <text>cm</text>
      </div>
    </div>
     <div class="mykidinfoList">
      <div class="kidlistleft">体重：</div>
      <div class="kidlistRight">
        <input class="shortinput" type="text" name="kidname" placeholder="请输入萌娃体重">
        <text>kg</text>
      </div>
    </div>
     <div class="mykidinfoList">
      <div class="kidlistleft">鞋码：</div>
      <div class="kidlistRight">
        <input class="shortinput" type="text" name="kidname" placeholder="请输入萌娃鞋码">
        <text>码</text>
      </div>
    </div>
    <div class="mykidinfoList">
      <div class="kidlistleft">生日：</div>
      <div class="kidlistRight">
        <select class="sel_year">
        </select>
        <select class="sel_month">
        </select>
        <select class="sel_day">
        </select>
      </div>
    </div>
     <div class="mykidinfoList">
      <div class="kidlistleft">考级：</div>
      <div class="kidlistRight">
        <select>
          <option>--考级--</option>
        </select>
      </div>
    </div>
     <div class="mykidinfoList">
      <div class="kidlistleft">国籍：</div>
      <div class="kidlistRight">
        <select>
          <option>--国籍--</option>
          <option>中国</option>
          <option>美国</option>
        </select>
      </div>
    </div>
    <div class="mykidinfoList">
      <div class="kidlistleft">地区：</div>
      <div class="kidlistRight" >
        <div id="distpicker">
          <select></select>
          <select ></select>
          <select ></select>
        </div>
      </div>
    </div>
    <div class="mykidinfoList">
      <div class="kidlistleft ">标签：</div>
      <div class="kidlistRight blend" >
        <ul class="rightLabelFont">
          <li class="labelYellow">混血</li>
          <li>外籍</li>
          <li class="">大眼睛</li>
          <li class="">单眼皮</li>
          <li>小胖子</li>
          <li>双胞胎</li>
          <li>日韩范</li>
          <li>古风</li>
          <li>阳光</li>
        </ul>
      </div>
    </div>
    <div class="mykidinfoList">
      <div class="kidlistleft">才艺：</div>
      <div class="kidlistRight art" >
        <ul class="rightLabelFont">
          <li class="labelYellow">主持</li>
          <li class="">唱歌</li>
          <li class="">走秀</li>
          <li class="">流行舞</li>
          <li>民族舞蹈</li>
          <li>现代乐器</li>
          <li>传统乐器</li>
          <li>相声</li>
          <li>戏剧</li>
          <li>武术</li>
          <li>秒哭</li>
          <li>老演员</li>
          <li>书法</li>
        </ul>
      </div>
    </div>
    <div class="mykidinfoList">
      <div class="kidlistleft">抵达时间：</div>
      <div class="kidlistRight time" >
        <ul class="rightLabelFont">
          <li class="labelYellow">一天</li>
          <li>多天</li>
        </ul>
      </div>
    </div>
    <div class="mykidinfoList">
      <div class="kidlistleft">介绍：</div>
      <div class="kidlistRight" >
        <textarea class="jieshao"></textarea>
      </div>
    </div>
    <div class="mykidinfoList">
      <div class="kidlistleft">上传照片：</div>
      <div class="kidlistRight">
        <div class="uploadImg"></div>
      </div>
    </div>
    <div class="mykidinfoList">
      <div class="kidlistleft">
        <button class="mybtn quedbtn">提交</button>
      </div>
      <div class="kidlistRight" >
        <button class="mybtn quxbtn" >取消</button>
      </div>
    </div>

    </div>
  </div>
</div>

</div> <!-- /container -->

<footer class="foot">
      <div class="container">
        <div class="row">
          <div class="col-md-6 wxCode">
            <div class="wxWrap">
              <div class="pub">
                <img class="wx_01" src="../images/wx_01.jpg">
                <p>微信公众号</p>
              </div>
              <div class="sma">
                <img src="../images/wx_02.jpg">
                <p>小程序</p>
              </div>
            </div>
          </div>
          <div class="col-md-6 info" >
            <p>童星学院  |  版权声明  |  隐私保障  |  商业合作  |  加入我们  |  联系方式</p>
            <p>咨询热线：0579-8690 8770</p>
            <p>地址：浙江省金华市东阳市横店明清宫苑内</p>
            <p>Copyright ＠东阳市横店影视城微电影有限公司, All Rights Reserved   浙ICP备00000000号-1</p>
          </div>
        </div>
      </div>

    </footer>

<script src="../js/jquery.1.12.4.min.js"></script>
<script src="../js/bootstrap.js"></script>
<script src="../js/distpicker.js"></script>




<script type="text/javascript">
(function($){  
  
$.extend({
ms_DatePicker: function (options) {
            var defaults = {
                YearSelector: "#sel_year",
                MonthSelector: "#sel_month",
                DaySelector: "#sel_day",

                FirstYearText: "--年--",
                FirstMonthText: "--月--",
                FirstDayText: "--日--",
                FirstValue: 0
            };
            var opts = $.extend({}, defaults, options);
            var $YearSelector = $(opts.YearSelector);
            var $MonthSelector = $(opts.MonthSelector);
            var $DaySelector = $(opts.DaySelector);
            var FirstYearText = opts.FirstYearText;
            var FirstMonthText = opts.FirstMonthText;
            var FirstDayText = opts.FirstDayText;
            var FirstValue = opts.FirstValue;

            // 初始化
            var yearstrs = "<option value=\"" + FirstValue + "\">" + FirstYearText + "</option>";
            var monthstrs = "<option value=\"" + FirstValue + "\">" + FirstMonthText + "</option>";
            var daystrs = "<option value=\"" + FirstValue + "\">" + FirstDayText + "</option>";

            $YearSelector.html(yearstrs);
            $MonthSelector.html(monthstrs);
            $DaySelector.html(daystrs);

            // 年份列表
            var yearNow = new Date().getFullYear();
            for (var i = yearNow; i >= 1900; i--) {
                var yearStr = "<option value=\"" + i + "\">" + i + "</option>";
                $YearSelector.append(yearStr);
            }

            // 月份列表
            for (var i = 1; i <= 12; i++) {
                var monthStr = "<option value=\"" + i + "\">" + i + "</option>";
                $MonthSelector.append(monthStr);
            }

            // 日列表(仅当选择了年月)
            function BuildDay() {
                if ($YearSelector.val() == 0 || $MonthSelector.val() == 0) {
                    // 未选择年份或者月份
                    //$DaySelector.html(str);
                } else {
                    //$DaySelector.html(str);
                    var year = parseInt($YearSelector.val());
                    var month = parseInt($MonthSelector.val());
                    var dayCount = 0;
                    switch (month) {
                        case 1:
                        case 3:
                        case 5:
                        case 7:
                        case 8:
                        case 10:
                        case 12:
                            dayCount = 31;
                            break;
                        case 4:
                        case 6:
                        case 9:
                        case 11:
                            dayCount = 30;
                            break;
                        case 2:
                            dayCount = 28;
                            if ((year % 4 == 0) && (year % 100 != 0) || (year % 400 == 0)) {
                                dayCount = 29;
                            }
                            break;
                        default:
                            break;
                    }

                    for (var i = 1; i <= dayCount; i++) {
                        var dayStr = "<option value=\"" + i + "\">" + i + "</option>";
                        $DaySelector.append(dayStr);
                    }
                }
            }
            $MonthSelector.change(function () {
                BuildDay();
            });
            $YearSelector.change(function () {
                BuildDay();
            });
        } // End ms_DatePicker
});
})(jQuery);

$(function(){

  var myModal = $('#myModal');
  var blend = $('.blend');
  var art = $('.art');
  var time = $('.time')

  myModal.find('.rightLabelFont li').on('click',function(){

    if($(this).hasClass('labelYellow')){
      $(this).removeClass('labelYellow')
    }else{

      if($(this).parent().parent().hasClass('blend') || $(this).parent().parent().hasClass('art')  ){
        $(this).addClass('labelYellow')
      }else{
        $(this).addClass('labelYellow')
        $(this).siblings().removeClass('labelYellow')
      }
      
    }
  })

    $(".mytg").click(function(){
      if($(this).hasClass("yellowBg")){

      }else{
        $(".perMenu li").removeClass("yellowBg");
        $(this).addClass("yellowBg");
        $(".myactivityCont").hide();
        $(".mycollectCont").hide();
         $(".myfriendCont").hide();
         $(".mykidCont").hide();
        $(".mytgCont").show()
      }
    })
    $(".myactivity").click(function(){
      if($(this).hasClass("yellowBg")){

      }else{
        $(".perMenu li").removeClass("yellowBg");
        $(this).addClass("yellowBg");
        $(".mytgCont").hide();
         $(".mycollectCont").hide();
         $(".myfriendCont").hide();
         $(".mykidCont").hide();
        $(".myactivityCont").show()
      }
    })
    $(".mycollect").click(function(){
      if($(this).hasClass("yellowBg")){

      }else{
        $(".perMenu li").removeClass("yellowBg");
        $(this).addClass("yellowBg");
        $(".myactivityCont").hide();
        $(".mytgCont").hide();
         $(".myfriendCont").hide()
         $(".mykidCont").hide();
        $(".mycollectCont").show()
      }
    })
    $(".myfriend").click(function(){
      if($(this).hasClass("yellowBg")){

      }else{
        $(".perMenu li").removeClass("yellowBg");
        $(this).addClass("yellowBg");
        $(".myactivityCont").hide();
        $(".mycollectCont").hide();
        $(".mytgCont").hide();
        $(".mykidCont").hide();
        $(".myfriendCont").show()
      }
    })
    $(".mykid").click(function(){
      if($(this).hasClass("yellowBg")){

      }else{
        $(".perMenu li").removeClass("yellowBg");
        $(this).addClass("yellowBg");
        $(".myactivityCont").hide();
        $(".mycollectCont").hide();
         $(".myfriendCont").hide();
         $(".mytgCont").hide();
        $(".mykidCont").show();
      }
    })
    //添加我的萌娃
    $('#myModal').modal('hide');
    // $('.kidAdd').click(function(){
    //   $('#myModal').show()
    //   $('.modal-backdrop').show()
    //   $('.childStarInfo').addClass('modal-open')
    // })
    $('.quxbtn').click(function(){
      $('#myModal').hide()
      $('.modal-backdrop').hide()
      $('.childStarInfo').removeClass('modal-open')
    });

    //表单提交
    $('.quedbtn').click(function(){

      

      //点击前先初始化
      var forObj = { 
        blend:[],
        art:[],
        time:[],
      }

      blend.find('.rightLabelFont li').map(function(index,item){
        if($(item).hasClass('labelYellow')){
          forObj.blend.push($(item).text())
        }        
      });

      art.find('.rightLabelFont li').map(function(index,item){
        if($(item).hasClass('labelYellow')){
          forObj.art.push($(item).text())
        }        
      });

      time.find('.rightLabelFont li').map(function(index,item){
        if($(item).hasClass('labelYellow')){
          forObj.time.push($(item).text())
        }        
      });

      console.log(forObj);


      $('#myModal').hide()
      $('.modal-backdrop').hide()
      $('.childStarInfo').removeClass('modal-open')
    });
	$('.closeBtn').click(function(){
	  $('#myModal').hide()
      $('.modal-backdrop').hide()
      $('.childStarInfo').removeClass('modal-open')
	})
    $.ms_DatePicker({
      YearSelector: ".sel_year",
      MonthSelector: ".sel_month",
      DaySelector: ".sel_day"
      });
    $("#distpicker").distpicker()
    })

$(function(){
  bShare.addEntry({
    title: "分享的标题，默认为当前页面标题",
    url: "http://127.0.0.1:8020/move/childStar/childStarInfo.html",
    summary: "分享的文本摘要，默认为页面Meta标签中description的内容或者用户高亮的内容",
    pic: "指定分享的图片的链接，目前支持新浪微博，QQ空间，搜狐微博，网易微博，人人网， 嘀咕，腾讯微博和做啥。"
  });


   $('.closeNav').on('click',function(){
      $('#example-navbar-collapse').find('.navbar-nav').hide();
      $(this).hide();
    })

    $('.menu-switch').on('click',function(){
      $('#example-navbar-collapse').show();
      $('#example-navbar-collapse').find('.navbar-nav').show();
      $('.closeNav').show();
    })
  })
</script>
  </body>
</html>

<style>
  .bsTop{
    width:100% !important;
  }
  .bsFrameDiv > div{
    width:160px!important;
    height: 206px!important;
  }
  .bsFrameDiv > div > img{
    width:160px  !important;
    height: 160px !important;
  }
</style>
